﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>赶鸭子上架特别行动小组</title>
    <link rel="stylesheet" href="/static/js/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/js/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/js/Ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="/static/js/adminlte/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/static/js/adminlte/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="/static/js/adminlte/css/fonts.googleapis.com.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2955397_e9c3u9urnsd.css">
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="/static/js/vue.js"></script>

    <script src="/static/js/jquery/jquery.min.js"></script>
    <script src="/static/js/bootstrap/js/bootstrap.js"></script>
    <script src="/static/js/adminlte/js/adminlte.min.js"></script>

    <link rel="stylesheet" href="/static/js/plugins/sweetalert2/sweetalert2.min.css">
    <script src="/static/js/plugins/sweetalert2/sweetalert2.min.js"></script>
    <script src="http://www.lmlblog.com/winter/templets/xq/js/snowy.js"></script>
    <script src="http://www.lmlblog.com/blog/14/js/Snow.js"></script>
    <style type="text/css">
        .snow-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 100001;
        }
    </style>
</head>
<!--<body class="hold-transition login-page">-->
<!--<div class="login-box">-->
<!--    <div class="login-logo">-->
<!--        <a href="http://www.wolfcode.cn"><b></b>行动商店</a>-->
<!--    </div>-->
<!--    <div class="login-box-body">-->
<!--        <p class="login-box-msg">请输入账号密码</p>-->
<!--        <form method="post" id="loginForm" action="/login">-->
<!--            <div class="form-group has-feedback">-->
<!--                <input type="text" class="form-control" placeholder="请输入账号" name="username" value="admin">-->
<!--                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>-->
<!--            </div>-->
<!--            <div class="form-group has-feedback">-->
<!--                <input type="password" class="form-control" placeholder="请输入密码" name="password" value="1">-->
<!--                <span class="glyphicon glyphicon-lock form-control-feedback"></span>-->
<!--            </div>-->
<!--            <div class="row">-->
<!--                <div class="col-xs-4">-->
<!--                    <button type="submit" class="btn btn-primary btn-block btn-flat submitBtn">登录</button>-->
<!--                </div>-->
<!--            </div>-->
<!--        </form>-->
<!--    </div>-->
<!--</div>-->
<!--</body>-->

<body>
<div id="login">
    <div id="bgd">
        <canvas
                id='myCanvas'
                :width='width'
                :height='height'>
        </canvas>
    </div>
    <div id="loginBox">
        <el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-width="0px">
            <el-form-item
                    label=""
                    prop="userName"
                    style="margin-top:40px;">
                <form method="post" id="loginForm" action="/login">

                    <div class="form-group has-feedback">
                        <label for="exampleInputName2" >Name</label>
                        <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入账号"
                               name="username"
                               value="admin"/>

                    </div>
                    <div class="form-group has-feedback">
                        <label for="exampleInputPassword2">password</label>
                        <input type="password" class="form-control" id="exampleInputPassword2" placeholder="请输入密码"
                               name="password" value="1">
                    </div>
                    <el-form-item style="margin-top:55px;">
                        <button type="submit" id="btn-login"><a>登录</a></button>
                        </el-button>
                    </el-form-item>
                </form>
            </el-form-item>
        </el-form>
    </div>
</div>
<div class="snow-container"></div>

</body>
<style lang='less' scoped>
    #login {
        width: 100vw;
        padding: 0;
        margin: 0;
        height: 100vh;
        font-size: 16px;
        background-repeat: no-repeat;
        background-position: left top;
        background-color: #242645;
        color: #fff;
        font-family: "Source Sans Pro";
        background-size: 100%;
        /*background-image: url("/static/img/Starry.jpg");*/
        ondragstart:"return false";
        oncontextmenu:"return false";
        background-image: url("//img-qn.51miz.com/preview/element/00/01/25/00/E-1250074-E4D82BF8Ab.gif");
        style:"vertical-align: middle;height:359px;width:640px";



        position: relative;
    }

    #bgd {
        height: 100vh;
        width: 100vw;
        overflow: hidden;
    }

    #loginBox {
        width: 240px;
        height: 280px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 50px 40px 40px 40px;
        box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
        opacity: 1;
        background: linear-gradient(
                230deg,
                rgba(53, 57, 74, 0) 0%,
                rgb(0, 0, 0) 100%);
    }

    #btn-login {
        opacity: 0.7;
        margin-left: 55px;
        background-color: #1c2d3f;
    }

    #btn-login a {
        color: white;
    }

    /deep/ .inps input {
        border: none;
        color: #fff;
        background-color: transparent;
        font-size: 12px;
    }

</style>
</html>

